export const setCss = (targetObj: any, cssObj: any) => {
    var str = targetObj.getAttribute('style')
        ? targetObj.getAttribute('style')
        : ''
    for (var i in cssObj) {
        str += i + ':' + cssObj[i] + ';'
    }
    targetObj.style.cssText = str
}

export const alertMsg = (data: any = '', time: number = 2000) => {
    var alert_bg = document.createElement('div')
    alert_bg.id = 'tip'
    var alert_box = document.createElement('div')
    var alert_text = document.createElement('div')
    var textNode = document.createTextNode(data ? data : '')
    // 控制背景样式
    setCss(alert_bg, {
        position: 'fixed',
        top: '0',
        left: '0',
        right: '0',
        bottom: '0',
        'z-index': '999999999'
    })
    // 控制 提示框样式
    setCss(alert_box, {
        // width: '100%',
        // 'max-width': '90%',
        'font-size': '18px',
        'text-align': 'center',
        'border-radius': '15px',
        position: 'absolute',
        top: '40%',
        left: '50%',
        transform: 'translate(-50%, -50%)'
    })
    if (data) {
        // 控制提示字体样式
        setCss(alert_text, {
            // width: '350px',
            'border-bottom': '1px solid #ddd',
            padding: '16px 10px',
            color: 'white',
            'background-color': 'rgba(0, 0, 0, 0.7)',
            opacity: 1,
            'border-radius': '4px',
            margin: 'auto'
        })
    } else {
        // 控制load图片显示样式
        setCss(alert_text, {
            width: '100px',
            height: '100px',
            background: 'url("/src/assets/img/loading-0.gif") no-repeat center',
            margin: 'auto'
        })
    }

    if (document.getElementById('tip') == null) {
        // 内部结构套入
        alert_text.appendChild(textNode)
        alert_box.appendChild(alert_text)
        alert_bg.appendChild(alert_box)
        // 整体显示到页面内
        // document.getElementsByTagName('body')[0].appendChild(alert_bg)
        document.body.appendChild(alert_bg)
        setTimeout('document.body.removeChild(tip)', time)
        // setTimeout(function () {
        //     // 弹窗消失~
        //     setCss(alert_bg, {
        //         display: 'none'
        //     })
        // }, time)
    }
}
